import React from 'react';
import { Link } from 'react-router-dom';
import './index.scss'
const Tuijian = (props) => <>
<div>
    
    <ul className="tuijian_ul">
        {         
            props.tuijianList!==undefined?
                   props.tuijianList.map((item) => {
                        return item.map((item1) => 
                                <li key={item1.ptKey}>                 
                                <Link to={"/item/" + item1.ptKey}>
                                    <div  className="tuijian_li">
                                    <div className="tuijian_image1"><img src={item1.listImages} alt="" /></div>
                                <div className="tuijian_image2"><img src="https://hotkidceo-1251330842.cos.ap-shanghai.myqcloud.com/static/home/gift.png" alt="" /></div>
                                <div className="tuijian_name">{item1.name}</div>
                                 <div className="tuijian_displayname">{item1.displayName}</div>
                                 <div className="tuijian_price"><span>￥{Math.round(item1.retailPrice)}</span><span>￥{Math.round(item1.origPrice)}</span><span><img src="https://hotkidceo-1251330842.cos.ap-shanghai.myqcloud.com/static/new/new_shopCart1.png" alt="" /></span></div>
                                    </div> 
                            </Link>  
                        </li>)
                    }):''
        }
    </ul>
    </div>
</>

export default Tuijian;